<template>
<div id="userinfo">
<header-bar :head-title="headTitle" goBack="true"></header-bar>
<mt-field label="用户名" placeholder="请输入用户名" v-model="username"></mt-field>
<mt-field label="真实姓名" placeholder="请输入真实姓名" v-model="username"></mt-field>
<mt-field label="年龄" placeholder="请输入年龄" v-model="username"></mt-field>
<mt-field label="性别" placeholder="请输入性别" v-model="username"></mt-field>
<mt-field label="手机号" placeholder="请输入手机号" type="tel" v-model="phone"></mt-field>
    <div class="save">
        保存
    </div>
</div>
</template>
<script>
import HeaderBar from '@/components/HeaderBar.vue'
export default {
  name: 'index',
  components: {
    HeaderBar
  },
  data () {
    return {
      headTitle: '个人信息'
    }
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.save{
    height: 1.6rem;
    line-height: 1.6rem;
    margin: .4rem;
    background: #c74a4a;
    color: #fff;
    text-align: center;
    font-size: .7rem;
    border-radius: .1rem;
}
</style>


